<!-- 
        作者：sessionliang 
        时间：2017-10-24
        描述：预约考试详情页面
-->
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<!--之所以在头部引入了js,是因为这个js是一个全局配置文件,通过这个js动态写入的js和css可以用来控制缓存是否过期
			一般情况下,如果要考虑缓存,都要这么使用
			下面那个通过write写入配置文件,保证每次配置文件都是最新的
		-->

		<script>
			document.write("<script type='text/javascript' src='../../js/core/RayApp/cacheControl.config.js?" + Math.random() + "'></scr" + "ipt>");
		</script>
		<script>
			SrcBoot.output([
				'css/mui.min.css',
				'css/mui.picker.min.css',
				'css/common/common.css'
			]);
		</script>
		<style>
			/*.mui-btn{
				width:90%;
				margin-left:5%;
			}*/
			
			.mui-table-view {
				margin-top: 20px;
			}
			
			.mui-table-view-cell:last-child {
				margin-bottom: 10px;
			}
			
			.mui-table-view span.mui-pull-right {
				color: #999;
			}
			
			.exam-p {
				color: darkgray;
				font-size: 16px;
				text-align: left;
				margin: 0px;
			}
			
			.exam-img {
				width: 25px;
				height: 25px;
			}
			
			.exam-div {
				display: flex;
				align-items: center;
				padding-top: 5px;
				padding-bottom: 5px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">预约学车结果</h1>
		</header>
		<div class="mui-content">
			<div class="custome-content-detail">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a>驾校：<span class="mui-pull-right" id="school"></span></a>
						<a>场地：<span class="mui-pull-right" id="place"></span></a>
						<a>科目：<span class="mui-pull-right" id="course"></span></a>
						<a>教练：<span class="mui-pull-right" id="coach"></span></a>
						<a>时间：<span class="mui-pull-right" id="date"></span></a>
						<a>档案：<span class="mui-pull-right" id="port"></span></a>
					</li>
				</ul>
				<div id="study_time_title" class="exam-div" style="display:none;">
					<img src="../../img/exam/car.png" class="exam-img" />
					<p class="exam-p">学时类型</p>
				</div>
				<select id="studyTime" style="display:none;">
					<option value="AM">上午</option>
					<option value="PM">下午</option>
					<option value="Night">晚上</option>
				</select>
				<button type="button" id="btn_time" class="mui-btn mui-btn-danger mui-btn-block" style="display: none;width: 90%;margin-left: 5%;">日期选择</button>
				<div id="hourSelect_title" class="exam-div" style="display:none;">
				<img src="../../img/exam/clock.png" class="exam-img" />
				<p class="exam-p">小时选择:</p>
				</div>
				<div id="hourSelect" style="display:none;"></div>
				<button type="button" id="btn_edit" class="mui-btn mui-btn-danger mui-btn-block" style="display:none;width: 90%;margin-left: 5%;">修改</button>
			</div>
		</div>

	</body>
	<!-- 通用js,sea.min和sea.config基本是不会变的,所以可以不用考虑缓存
	这里演示如果需要手动写入应该是一个怎么样的形式
	首先必须用两个script标签,这样才能确保在第二个标签里面的 seajs 可以适应
	正常情况下,这两个脚本应该是正常的script标签引用,不必考虑缓存问题
	可以试下使下面注释的内容生效,并将下面两个script标签引入内容注释
	-->
	<!--<script src="../js/core/sea.min.js"></script>
	<script src="../js/core/RayApp/sea.config.js" ></script>-->
	<script>
		SrcBoot.outSeaConfig();
	</script>
	<script>
		seajs.use('js/bizlogic/school/order_detail.js');
	</script>

</html>